.drag-warp {
    // height: 100%;
    display: flex;
    user-select: none;
    position: relative;
    -webkit-user-drag: none;

    .left {
        width: 30%;
        margin-right: 20px;

        .img-warp {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            img {
                margin-bottom: 20px;
                border-radius: 5px;
                -webkit-user-drag: none;
                border: 1px solid gray;

                &:hover {
                    cursor: grab;
                    filter: brightness(90%);
                }

                &:active {
                    cursor: grabbing;
                }
            }
        }
    }

    .flutter {
        position: absolute;
        z-index: 9999;
        pointer-events: none;
        transform-origin: top left;
    }

    .right {
        flex: 1;

        .ant-card-body {
            height: calc(100% - 58px);

            .content-warp {
                height: 100%;
                border: 1px dashed gray;
                border-radius: 5px;
                transition: .5s all;
                display: flex;

                // .item {
                //     width: 100px;
                //     height: 100px;
                // }
            }
        }

    }
}